/*
 * @Description: 填报指南
 * @Author: mengjiajun
 * @Date: 2023-12-25 13:36:25
 * @LastEditors: mengjiajun
 * @LastEditTime: 2023-12-27 14:21:49
 * @FilePath: \foodstuff-safety-responsibility\src\pages\IntelFilling\components\WeekReport\components\FillingGuide\index.tsx
 */
import { Steps, Button, Checkbox } from "@antmjs/vantui";
import { Timeline } from "@taroify/core";
import { Text, View } from "@tarojs/components";
import Taro from "@tarojs/taro";
import { useState } from "react";

const FillingGuide: React.FC = () => {
  const steps = [
    {
      text: "检查填报",
      desc: "依据指定的检查内容如实填报检查情况",
    },
    {
      text: "自检结论",
      desc: "依据检查情况填写自检结论",
    },
    {
      text: "信息提交",
      desc: "核对填报信息，确认无误后提交",
    },
  ];

  const [isRead, setIsRead] = useState(false);
  return (
    <View className="w-full h-[100vh] flex flex-col">
      <View className="flex flex-col gap-1 p-4">
        <View className="text-[#694111] text-[40px]">
          每周食品安全检查-操作指南
        </View>
        <View>当前企业 演示账号（江门生产）</View>
        <View>企业类别 普通食品生产</View>
      </View>
      <View className="flex flex-col flex-1 w-full gap-2 p-4">
        <View className="text-[#694111]">填报流程</View>
        <View className="p-2 bg-white">
          <Timeline position="right">
            <Timeline.Item>检查填报</Timeline.Item>
            <Timeline.Item>自检结论</Timeline.Item>
            <Timeline.Item>信息提交</Timeline.Item>
          </Timeline>
          {/* <Steps
            steps={steps}
            active={3}
            direction="vertical"
            activeColor="#38f"
          /> */}
        </View>
        <View className="flex-1"></View>
        <View className="flex flex-row items-center justify-between text-xs flex-nowrap">
          <Checkbox
            value={isRead}
            onChange={(e) => {
              setIsRead(e.detail);
            }}
            shape="square"
            iconSize={40}
            checkedColor="#38f"
          >
            我已认真阅读并同意
          </Checkbox>
          {/* <Checkbox value="记住账号密码">我已认真阅读并同意</Checkbox> */}
          <Text
            className="text-[#38f]"
            onClick={() => {
              Taro.navigateTo({
                url: "/pages/IntelFilling/components/WeekReport/components/LetterOfCommitment/index",
              });
            }}
          >
            《企业主体责任落实上报承诺书》
          </Text>
        </View>
        <Button
          type="info"
          className="w-full"
          onClick={() => {
            Taro.navigateTo({
              url: "/pages/IntelFilling/components/WeekReport/components/CheckAndFillIn/index",
            });
          }}
        >
          开始填报
        </Button>
      </View>
    </View>
  );
};

export default FillingGuide;
